<template>
  <h3>Vuex演示</h3>
  <p>
    当前状态如下:<br>
    user: {{$store.state.userName}},
    token: {{$store.state.token}}<br>
    favorites: {{$store.state.favorites}}
  </p>
  <hr>

  <Demo></Demo>
  <hr>

  <Favorite></Favorite>
  <hr>

  <Cart></Cart>
  <hr>

  <p>
    说明:<br>
    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。<br>
    官方文档: <a href="https://vuex.vuejs.org/zh/"><b>Vuex</b></a>&nbsp;,&nbsp;
    <a href="https://vuex.vuejs.org/zh/guide/composition-api.html"><b>Vuex-组合式API</b></a>
  </p>
</template>

<script>
import Demo from './Demo'
import Favorite from './Favorite'
import Cart from './Cart'

export default {
  components: {
    Demo, Favorite, Cart
  },
  setup() {
    
  },
}
</script>